<?php session_start();
if (empty($_SESSION['evento']))
	$_SESSION['evento']= $_REQUEST['evento'];
if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../index.php'>";
?>
<!DOCTYPE html>
<head>
<title>Registro de llamadas</title>
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../bootstrap/css/view.css" rel="stylesheet">
<script type="text/javascript" src="../bootstrap/scripts/view.js"></script>
<script type="text/javascript" src="../bootstrap/scripts/calendar.js"></script>
<script type="text/javascript" src="../bootstrap/scripts/jquery.js"></script> 
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script> 

</head>

<body id="main_body" onload="cargarExpositores()">
	<div id="a_header" >
		<div class="container">
			<div class="row">
				<div class="span10">
					<a href="#">
					<img src="../imagenes/CRM HV alta.png" width="175" height="110" style="float:left;" alt="" />					</a>
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y Gesti&oacute;n de Clientes(CRM)</h3>
					</div>
				</div>
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						    <li><a href="../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>			
			</div>
		</div>
 	</div> <!--  fin header -->
<div style="background-color:blue; height:3px;"></div>

	<img id="top" src="../imagenes/top.png" alt="">
	<div id="form_container">
	
		<h1><a>Registro de llamdas</a></h1>
		<form id="formulario" class="form-control input-group-addon"  style="background-color: #f2f9f2" >
		<div class="form_description">
			<h2>Call Center</h2>
			<p>Captura de datos.</p>
		</div>						
		<ul>
		<li id="li_4" >
		<div class="col-lg-5">
		<div class="input-group" >
			<div class="input-group-addon" style="background-color: #f2f9f2">
			<h5>C&eacute;dula</h5>
				  <input type="text" class="form-control" id="cedula" placeholder="c&eacute;dula" onkeypress="onEnter(event);" <?php if($_REQUEST['cedula'] <> "") echo ("value=$_REQUEST[cedula]"); else echo("value=' '"); ?> >
       			 <?php 
					if ($_REQUEST['cedula'] <> ""){ 
				 ?> 
					<script languaje="javascript"> 
					buscarCedula(); 
					</script> 
					<?php 
					} 
				    ?> 
       			 
       			 <button class="btn btn-default-sm" type="button" id="buscarcedula" style="background-color: #f2f9f2"><span class= "glyphicon glyphicon-search"></span></button>
       			 <div class="input-group-addon" style="background-color: #f2f9f2">
       			 C&eacute;dula an&oacute;nima <input id ="anonimo"  type="checkbox" onClick="cambio(this);">
       			 </div>
			</div>
			
		</div>
			
			
		</div>
			<p class="guidelines" id="guide_4"><small>Ingrese la c&eacute;dula</small></p>
			 
		</li>
		<div class="alert alert-info" id ="mensaje" style="text-align: left"></div>
		  
		
		<li id="li_4" >
		<div class="col-lg-5">
		<div class="input-group">
			<div class="input-group-addon" style="background-color: #f2f9f2">
			<h5>Nombre del expositor</h5>
				  <select class="form-control" id="expositor" name="expositor">
				  </select>
				  <?php
				  require '../config.php';
				  $result = mysql_query("select p.insertar from permisos p,modulos m where p.idmodulo = m.idmodulos and p.idrol= '". $_SESSION['rol'] ."' and m.nombre='Expositores'",$conexion);
				  if(mysql_num_rows($result)>0)
				  {
				  	$row = mysql_fetch_assoc($result);
				  	if($row['insertar']== 1)
				  		echo("<a data-toggle='modal' href='#nuevoRol' class='btn btn-info btn-xs'>Nuevo expositor</a>");
				  }
				  ?>
				  
					  <!-- Modal -->
					  <div class="modal fade" id="nuevoRol" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Nombre del expositor:</h4>
					        </div>
					        <div class="modal-body" style="background-color:#f2f9f2">
						        <label class="description" for="nombrerol" style="text-align: left">Nombre(s):</label>
						          <span>
									<input id="nombreexp" name= "" class="element text" maxlength="255"  value="" />
								  </span>
								  <label class="description" for="descripcionrol" style="text-align: left">Apellido(s):</label>
						          <span>		
									<input id="apellidoexp" name= "" class="element text" maxlength="255"  value="" />
								  </span>
						     </div>
					        <div class="modal-footer">
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					          <button type="button" class="btn btn-primary" onclick="insertarNuevoExpositor(); return false">Enviar datos</button>
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
			</div>
		</div>
		
		</div>
			<p class="guidelines" id="guide_4"><small>Nombre del expositor</small></p> 
		</li>
				
		<li id="li_8" >
		
		<div class="alert alert-info" >
			<div class="input-group" style="text-align:left">
			<strong >Petici&oacute;n por:</strong><br> <br>
				<div id="motivos" class="checkbox" >
					
				</div>
			</div>	
		</div>
		<label class="description" for="element_7" style="text-align:left">Observaci&oacute;n: </label>
		<div>
			<textarea id="observacion" name="element_7" class="element textarea small"></textarea> 
		</div> 
		</li>
		<li id="li_12">
		<label class="description" for="cantidades" style="text-align:left">Donaci&oacute;n: </label>
		<div id="cantidades">
		
		</div>
		<label class="description" for="formas" style="text-align:left">Forma de pago: </label>
		<div id="formas">
		
		</div>
		</li>	
		<li class="buttons">
		<input id="enviar" class="btn btn-success" type="button" value="Enviar Datos" onclick="guardarLLamada(); return false" />
		<input id="cancelar" class="btn btn-warning" type="button" name="cancelar" value="Salir" onclick="regresar();"/>
		</li>
			</ul>
		</form>	
		
	</div>
	<img id="bottom" src="../imagenes/bottom.png" alt="">
	<!--  footer -->
    
    <img id="bottom" src="../imagenes/top.png" alt="">
    <img id="bottom" src="../imagenes/bottom.png" alt="">
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p><strong>Desarrollado por:</strong></p>
					<a href="http://www.3tech-panama.com"><img src="../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			    </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
	</body>
	
<script language="JavaScript">

	$(document).ready(function() {  
		  
	    var checking_html = "<span class= 'glyphicon glyphicon-refresh'></span> Buscando...";  
	  
	    $('#buscarcedula').click(function(){  
	    	
	        if($('#cedula').val().length == 0){  
	            $('#mensaje').html("Campo vacio.");  
	        }else{  
	           
	            $('#mensaje').html(checking_html);  
	            buscarCedula();  
	        }  
	    });

	   
	
	});
	
	function  cargarTarifas()
	{
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","getTablaCant.php?", false);
	    xmlhttp.send();
	    document.getElementById('cantidades').innerHTML =  xmlhttp.responseText;
	    cargarFormas();
	}
	function  cargarFormas()
	{
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","getTablaFormas.php?", false);
	    xmlhttp.send();
	    document.getElementById('formas').innerHTML =  xmlhttp.responseText;
	}
	
	function onEnter(e)
    {
      
        if (typeof e == 'undefined' && window.event) { e = window.event; }
        $('#mensaje').html("");
        document.getElementById('anonimo').checked = false;
        if (e.keyCode == 13)
        {
            document.getElementById('buscarcedula').click();
        }
    }
var existe;
	function buscarCedula(){  
	
	    
	    var cedula = $('#cedula').val();  
	    cedula = cedula.trim(); 
	    $.post("buscarcedula.php", { cedula: cedula },  
	        function(result){    
	            if(result == 0){  
	            	 existe = false; 
	            	$('#mensaje').html(" Cliente no encontrado.<br><br> <button type='button' class='btn btn-primary btn-xm' onclick=insertarNuevoCliente(); return false'><span class='glyphicon glyphicon-floppy-disk'></span>  &nbsp;Registrar</button>");
	                  
	            }else{   
		            existe = true;
	            	$('#mensaje').html('<span class= "glyphicon glyphicon-ok"></span> &nbsp;Ya esta registrado: <br><br><span class= "glyphicon glyphicon-user"></span> &nbsp;'+result); 
	            }  
	    });  
	
	}
	
	
	
	function insertarNuevoExpositor()
	{
						
		var nomexpo = document.getElementById('nombreexp').value;
		var apeexpo = document.getElementById('apellidoexp').value;
		$(function () 
				  {
				    $.ajax({                                      
				      url: 'nuevoexpo.php',                       
				      data: "nombre="+nomexpo+"&apellido="+apeexpo,                      
				      dataType: "json",                
				      success: function(data)          
						{
				    	
						if( data[0] == "ok")
						{
				    	    $("<option value='"+data[1]+"' selected>"+nomexpo+" "+apeexpo+"</option>").appendTo("#expositor");
													
						}
						else
						{
							alert("No se pudo cargar datos");
						}
				      }
				    });
				  });
		$('#nuevoRol').modal('hide');
	}
	
	function insertarNuevoCliente(){
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","toglesess.php?term=retorno", false);
	    xmlhttp.send();
		var cedula = document.getElementById('cedula').value;
		location.href= 'clientes-registrar.php?cedula='+cedula;
		
	}
	
	function cargarExpositores() 
	{
		
	  $(function () 
	  {
	    $.ajax({                                      
	      url: 'cargarexpos.php',                       
	      data: "id=exp",                       
	      dataType: "json",                
	      success: function(data)          
			{
			if( data == 0)
			{
				document.getElementById('expositor').innerHTML="No hay roles guardados";
			}
			else
			{
				for(f=0;f<data.length;f+=3)
				{
					$("<option value='"+data[f]+"'>"+data[f+1]+" "+data[f+2]+"</option>").appendTo("#expositor");		
				}
				
			}
	      }
	    });
	  });
	  cargarMotivos();
	  cargarTarifas();
	}
	
	var ids = new Array();
	function cargarMotivos()
	{
		
	  $(function () 
	  {
	    $.ajax({                                      
	      url: 'cargarexpos.php',                       
	      data: "id=mot",                       
	      dataType: "json",                
	      success: function(data)          
			{
			
			if( data == 0)
			{
				document.getElementById('motivos').innerHTML="No hay motivos guardados";
			}
			else
			{
				tagsHTML="";
				x=0;
				 for(f=0;f<data.length;f+=2)
				{
					 tagsHTML = tagsHTML + "<label style='font-size:15px'>";
					 tagsHTML = tagsHTML +"<input id = '"+data[f]+"' type='checkbox'> &nbsp;"+data[f+1]+"<br><br>";
					 tagsHTML = tagsHTML + "</label>";
					 ids[x]= data[f];
					 x+=1;
				} 
				 document.getElementById('motivos').innerHTML=tagsHTML;	
			}
	      }
	    });
	  });
	  
	}
	var cedula="";
	var anonimo="";
	var expositor="";
	var motivos ;
	var observacion ="";
	var sincedula="";
	
	function insertarAnonimo()
	{
		cedula=cedulaAleatoria();
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","toglesess.php?term=retorno", false);
	    xmlhttp.send();
		location.href= 'clientes-registrar.php?cedula='+cedula;
	}
	function cedulaAleatoria()
	{
		
		var text = "RAN_";
	    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

	    for( var i=0; i < 10; i++ )
	        text += possible.charAt(Math.floor(Math.random() * possible.length));
	    if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","cedula-verificar.php?cual=0&cedula="+text, false);
	    xmlhttp.send();
	    if(xmlhttp.responseText=="ok") return text;
	    else
		    cedulaAleatoria();
		
	}
	function cedulaAnonima()
	{
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","cedula-verificar.php?cual=1", false);
	    xmlhttp.send();
	    if(xmlhttp.responseText == "bad") 
		  crearAnonimo();
	}
	function crearAnonimo()
	{
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","cedula-verificar.php?cual=2", false);
	    xmlhttp.send();	
	}
	function dineroIntroducido()
	{
		return document.getElementById('txtotro').value;
	}
	function dineroTarifa(codigobd)
	{
		if(codigobd=="")return codigobd;
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","tarifa-verificar.php?codigo="+codigobd, false);
	    xmlhttp.send();
	    return xmlhttp.responseText;	
	}
	function formasPago(codigobd)
	{
		if(codigobd=="")return codigobd;
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","forma-verificar.php?codigo="+codigobd, false);
	    xmlhttp.send();
	    return xmlhttp.responseText;	
	}
	function guardarLLamada()
	{
		motivos =  new Array();
		cedula = document.getElementById('cedula').value;
		
		cedula = cedula.trim();
		anonimo = document.getElementById('anonimo').checked;
		sincedula = false;
		
		expositor = document.getElementById('expositor').value;
		
		x=0;
		
		for(f=0;f<ids.length;f+=1)
		{
			 estrue = document.getElementById(ids[f]).checked;
			 if(estrue == true) 
			 {
				 motivos[x]=ids[f] ;
			 	x+=1;
			 }
			 estrue = false;
		}
		if(motivos.length == 0){
			 alert("Seleccione alg\u00fan motivo de llamada");
			 return false;
		}
		
		opciones = document.getElementsByName("dineros");
		 
		var dinero = "";
		for(var i=0; i<opciones.length; i++) {    
		  if(opciones[i].checked) {
		    dinero = opciones[i].id;
		   break;
		  }
		}
		
		if(dinero == "otro")
			dinero = dineroIntroducido();
		else
			dinero = dineroTarifa(dinero);
		
		if(dinero=="")
		{
			alert("Seleccione donaci\u00f3n");
			return false;
		}
		
		
		opciones = document.getElementsByName("formas");
		 
		var forma = "";
		for(var i=0; i<opciones.length; i++) {    
		  if(opciones[i].checked) {
		    forma = opciones[i].id;
		   break;
		  }
		}
		
		forma = formasPago(forma);
		if(forma=="")
		{
			alert("Seleccione forma de pago");
			return false;
		}
		if(anonimo == true)
		{
			 sincedula = document.getElementById('regsin').checked;
			 if(!sincedula){
				 cedulaAnonima();
				 cedula = "anonimo";
			 }
			 
		}
		else
		{
			if(!existe)
			{
				alert("Primero registre al cliente, o presione enter en el campo c\u00e9dula para verificaci\u00f3n.");
				return;
			}
		}
		 if (cedula == "" && !anonimo )
		 {
			 alert("Introduzca la c\u00e9dula.");
			 return false;
		 }
		 if (cedula == "" && anonimo && sincedula)
		 {
			 alert("Introduzca la c\u00e9dula.");
			 return false;
		 }		
		
		
		observacion = document.getElementById('observacion').value;
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","registrar-llamada.php?cedula="+cedula+"&observacion="+observacion+"&expositor="+expositor+"&motivos="+motivos+"&dinero="+dinero+"&forma="+forma, false);
	    xmlhttp.send();
	    	
	    if (xmlhttp.responseText == "ok")
	    {
		    alert("Datos guardados");
		    window.location.href="llamadas-registrar.php";
	    }
	    else
		    alert(xmlhttp.responseText); 
	}
	function cambio(obj)
	{
		if(obj.checked == true){
			$('#mensaje').html("Opcional:<input id ='regsin'  type='checkbox' onClick='cambio2(this);'><br><br><button type='button' class='btn btn-primary btn-xm' id='guardarsc' disabled onclick=insertarAnonimo(); return false'><span class='glyphicon glyphicon-floppy-disk'></span>  &nbsp;Registrar informaci&oacute;n del cliente, sin c&eacute;dula</button>");
			document.getElementById('cedula').value="";
		}
		 else
			 $('#mensaje').html("");
	}
	function cambio2(obj)
	{
		$('#guardarsc').attr('disabled', !obj.checked);
	}
	function Solo_Numero(obj)
	{
	  Numero=parseFloat(obj);
	  if (isNaN(Numero))
		  {
	            return "";
	      }
	   return Numero;
	 }
    function ValNumero(Control)
    {
        Control.value=Solo_Numero(Control.value);
    }
    function regresar()
    {
        window.location.href="../TableroInicio.php";
    }
</script>
</html>